var if_head_nav = true
var now = localStorage.getItem("now");
console.log(now)
$('.nav_ul li:nth-child('+ now +')').children('a').addClass('now')

$('.head_nav').click(function(){
    if(if_head_nav){
        $('.head_nav span').css({'background-color':'#ffffff'})
        $('.head_nav').css({'z-index':110,'position':'fixed','top':'0.35rem','right':'0.35rem'})
        $('.head_nav span:nth-child(2)').css('width',0)
        $('.head_nav span:nth-child(1)').css({'transform':'rotate(45deg)','top':'0.11rem'})
        $('.head_nav span:nth-child(3)').css({'transform':'rotate(-45deg)','top':'0.11rem'})
        $('.nav_list').css({"right":'0'})
        if_head_nav = false
    }else{
        $('.head_nav span').css({'background-color':'#333333'})
        $('.head_nav').css({'z-index':110,'position':'relative','top':'0','right':'0'})
        $('.head_nav span:nth-child(1)').css({'transform':'rotate(0deg)','top':'0.01rem'})
        $('.head_nav span:nth-child(3)').css({'transform':'rotate(0deg)','top':'0.22rem'})
        $('.head_nav span:nth-child(2)').css('width','0.3rem')
        $('.nav_list').css({"right":'-100%'})
        if_head_nav = true
    }
})

